import {createRouter, createWebHistory} from 'vue-router'
import FBR from '../components/FingerBoardRemember'
import Interval from '../components/Interval'
import Scale from '../components/Scale'


const routes = [
    {
        path: '',
        redirect: 'scale'
    },
    {
        path: '/fbr',
        name: 'FBR',
        component: FBR,
        meta: {
            title: '指板'
        }
    },
    {
        path: '/interval',
        name: 'Interval',
        component: Interval,
        meta: {
            title: '音程'
        }
    },
    {
        path: '/scale',
        name: 'Scale',
        component: Scale,
        meta: {
            title: '音阶'
        }
    },

]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    // history: createWebHashHistory(process.env.BASE_URL),
    routes
})

export default router
